// 函数的防抖和节流
// 我们自己规定频繁触发的条件[例如：我们规定300ms内，只要触发两次就是频繁]
//  防抖：防止“帕金森”，在频繁触发的模式下，我们只识别一次[识别第一次，也可以识别最后一次]
//  节流：降低触发的频率，他能识别“多次”

// 模拟获取数据
function queryData(callback){
    setTimeout(() =>{
        typeof callback === "function" ? callback('OK') : null;
    },1000)
}

let box = document.querySelector('.box')
box.onclick = function(){
    
}
let isRun = false;
box.onclick = function(){
    if(isRun) return ;
    isRun = true
    // console.log('点我干啥!')
    queryData(result => {
        console.log(result)
        isRun = false
    })
}